<template>
  <div class="digit">
    <hcTab v-model="activeTab" :head="head"></hcTab>
  </div>
</template>
<script setup>
import ware from "./ware/index.vue";
import alarms from "./alarms/index.vue";
import loginfo from "./loginfo/index.vue";

import { ref } from "vue";
let head = [
  { id: "ware", text: "设备监控", component: ware },
  { id: "alarms", text: "报警信息", component: alarms },
  { id: "loginfo", text: "日志信息", component: loginfo },
];
let activeTab = ref("ware");
</script>
<style scoped lang="scss">
.digit {
  width: 100%;
  height: 100%;
}
</style>
